<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="dd_login"></div>
</body>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
<script type="text/javascript">
    var obj = DDLogin({
         id: "dd_login",//这里需要你在自己的页面定义一个HTML标签并设置id，例如<div id="login_container"></div>或<span id="login_container"></span>
         goto: encodeURIComponent("https://oapi.dingtalk.com/connect/oauth2/sns_authorize?appid=appid&response_type=code&scope=snsapi_login&state=STATE&redirect_uri=http://www.wanglei.com:8000/dd/dd_transfer"),
         // appId为 钉钉-应用开发-登录-创建的钉钉扫码登录应用的appId
         style: "border:none;background-color:#FFFFFF;",
         width : "365",
         height: "400"
     });

    var handleMessage = function (event) {
        var origin = event.origin;
        console.log("origin", event.origin);
        if( origin == "https://login.dingtalk.com" ) { //判断是否来自ddLogin扫码事件。
            var loginTmpCode = event.data;
            //获取到loginTmpCode后就可以在这里构造跳转链接进行跳转了
            console.log("loginTmpCode", loginTmpCode);
            let url = 'https://oapi.dingtalk.com/connect/oauth2/sns_authorize?appid=' + 'appid' + '&response_type=code&scope=snsapi_login&state=STATE&redirect_uri=' + 'http://www.wanglei.com:8000/dd/dd_transfer' + '&loginTmpCode=' + loginTmpCode
            window.location.href = url
        }
    };
    if (typeof window.addEventListener != 'undefined') {
        window.addEventListener('message', handleMessage, false);
    } else if (typeof window.attachEvent != 'undefined') {
        window.attachEvent('onmessage', handleMessage);
    }
</script>
</html>

